<template>
  <div id="app">
    <header>
      <router-view name="header"/>
    </header>
    <main>
      <router-view />
    </main>
    <footer>
      <router-view name="footer" />
    </footer>
  </div>
</template>

<script>
export default {
  name: 'app',
}
</script>

<style lang="scss">
@font-face {
 font-family: "iconfont";
 src: url('./assets/gzfont2.woff2') format('woff2');
}
@font-face {
  font-family: 'iconfont';  /* Project id 3268566 */
  src: url('https://at.alicdn.com/t/font_3268566_x0tq3eswvwn.woff2?t=1648024049619') format('woff2'),
       url('https://at.alicdn.com/t/font_3268566_x0tq3eswvwn.woff?t=1648024049619') format('woff'),
       url('https://at.alicdn.com/t/font_3268566_x0tq3eswvwn.ttf?t=1648024049619') format('truetype');
}

.iconfont {
 font-family: "iconfont" !important;
 font-size: 16px;
 font-style: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

html, body {
  height: 100%;
}

#app {
  height: 100%;
  display: flex;
  flex-direction: column;
  main {
    flex: 1;
    overflow-x: hidden;
  }
}

*{
  margin: 0;
  padding: 0;
}
</style>
